<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/huodong.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header class="clear_fix">
				<div class="nav">
					<div class="nav_logo">
						<img src="img/logo.png" />
					</div>
					<div class="head">
						<div class="clear_fix">
							<ul class="top">
								<li>
									<a href="">Christina</a>
								</li>
								<li>|</li>
								<li>
									<a href="">退出</a>
								</li>
								<li>
									<a href=""><i class="iconfont icon-icon--3"></i></a>
								</li>
								<li>
									<a href=""><i class="iconfont icon-pingjia"></i></a>
								</li>
								<li>
									<a href=""><i class="iconfont icon-shezhi"></i></a>
								</li>
								<li>
									<a href=""><i class="iconfont icon-sousuo"></i></a>
								</li>
							</ul>
						</div>
						<ul class="head_nav clear_fix">
							<li>
								<a href="">首页</a>
							</li>
							<li>
								<a href="">推荐</a>
							</li>
							<li>
								<a href="shoucang.html">活动</a>
							</li>
							<li>
								<a href="">交友</a>
							</li>
							<li>
								<a href="">求职</a>
							</li>
							<li>
								<a href="">合作</a>
							</li>
							<li>
								<a href="hezuoshouye.html">政策</a>
							</li>
						</ul>
					</div>
				</div>
			</header>

			<section>
				<div class="top2">
					<div class="top2_left clearfix">
						<div class="left_img">
							<img src="img/home-1.png" />
						</div>
						<div class="left_personal">
							<p class="personal_a">
								Christina
								<span>M</span>
							</p>
							<p class="personal_b">个性签名：天才也是练出来！</p>
							<p class="personal_b">UK | 广州 金融分析师</p>
							<p class="personal_c">华夏海归个人认证
								<img src="img/home-9.png" /></p>
						</div>
						<div style="clear: both;"></div>
						<div class="fan_left">
							<span>关注</span>
							<span>230</span>
						</div>
						<div class="fan_right">
							<span>粉丝</span>
							<span>155</span>
						</div>
						<ul class="left_icon clearfix">
							<li><i class="iconfont icon-qq"></i></li>
							<li><i class="iconfont icon-icoweibo"></i></li>
							<li><i class="iconfont icon-pingjia"></i></li>
						</ul>
					</div>
					<img src="img/home-2.png" />
				</div>
				<div class="top3_nav">
					<div class="liebiao clearfix">
						<ul>
							<li>
								<a href="">我的主页</a>
							</li>
							<li>
								<a href="">博客</a>
							</li>
							<li>
								<a href="">微博</a>
							</li>
							<li>
								<a href="">相册</a>
							</li>
							<li>
								<a href="">关注/粉丝</a>
							</li>
							<li>
								<a href="">工作/合作</a>
							</li>
							<li>
								<a href="">活动</a>
							</li>
							<li>
								<a href="">设置</a>
							</li>
						</ul>
					</div>
					<div class="search">
						<input type="text" name="" id="" value="" placeholder="搜索他的相关" />
						<input type="image" src="img/serch.png" />
					</div>
				</div>
				<!--轮播图-->
				<div class="New_rec">
					<h2>最新推荐</h2>
					<!-- Swiper -->
					   <style type="text/css">
					   	.swiper-slide{
					   		width: 0px;
					   		margin: 0;
					   		
					   	}
					   	a{
					   		color: #fff;
					   	}
					   </style>
					    <div class="swiper-container">
					        <div class="swiper-wrapper">
					            <div class="swiper-slide"><img src="img/home-3.png" alt="" /><br /><a href="">Andy <img src="img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="img/home-4.png" alt="" /><br /><a href="">张玉 <img src="img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="img/home-5.png" alt="" /><br /><a href="">Romdy <img src="img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="img/home-6.png" alt="" /><br /><a href="">张伟视觉 <img src="img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="img/home-7.png" alt="" /><br /><a href="">孙见民 <img src="img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="img/home-8.png" alt="" /><br /><a href="">一冰 <img src="img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="img/home-3.png" alt="" /><br /><a href="">Andy <img src="img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="img/home-4.png" alt="" /><br /><a href="">张玉 <img src="img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="img/home-5.png" alt="" /><br /><a href="">Romdy <img src="img/home-9.png" alt="" /></a></div>
					            <div class="swiper-slide"><img src="img/home-6.png" alt="" /><br /><a href="">Andy <img src="img/home-9.png" alt="" /></a></div>
					        </div>
					        <!-- Add Pagination -->
					        <div class="swiper-pagination"></div>
					    </div>
					    	<!-- Swiper JS -->
						    <script src="js/swiper-4.3.3.min.js"></script>
						
						    <!-- Initialize Swiper -->
						    <script>
						    var swiper = new Swiper('.swiper-container', {
						    	autoplay: {
								    delay: 1500,//1秒切换一次
								  },
						        pagination: '.swiper-pagination',
						        slidesPerView:6,
						        paginationClickable: true,
						        spaceBetween: 15,
						        loop:true
						    });
						    </script>

				</div>
			</section>
			<aside>
				<!--左侧-->
				<div class="left1">
					<div class="left">
						<ul>
							<li>
								<a href="shoucang.html"> 收藏的活动
								</a>

							</li>
							<li>
								<a href=""> 已报名的
								</a>

							</li>
							<li>
								<a href="huodong.html"> 发出的邀请
								</a>

							</li>
							<li>
								<a href="">收到的邀请
								</a>

							</li>
							<li>
								<a href="guangzhu.html">关注／好友参加的
								</a>

							</li>
							<li>
								<a href="hezuoyaoqing.html">我参加过的</a>
							</li>
						</ul>
					</div>
					<div class="xinr">
						<h1>新人推荐</h1>
						<ul>
							<li>
								<a href=""><img src="img/home-19.png" />
									<p>阿卡西</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-20.png" />
									<p>吴靓</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-21.png" />
									<p>北尺</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-22.png" />
									<p>伍嘉琪</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-23.png" />
									<p>阿力</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-24.png" />
									<p>Orson we</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-25.png" />
									<p>杨灵倩</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-26.png" />
									<p>李莉</p>
								</a>
							</li>
							<span><a href="">......  更多</a></span>
						</ul>
					</div>
					<div class="fangke1">
						<h1>最近访客</h1>
						<ul>
							<li>
								<a href=""><img src="img/home-27.png" />
									<span>彭芳</span>
									<p>今天</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-27.png" />
									<span>彭芳</span>
									<p>一天前</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-27.png" />
									<span>彭芳</span>
									<p>一个月前</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-27.png" />
									<span>彭芳</span>
									<p>2013年1月14日</p>
								</a>
							</li>
							<li>
								<a href=""><img src="img/home-27.png" />
									<span>彭芳</span>
									<p>2013年1月14日</p>
								</a>
							</li>
						</ul>
						<h2>
							<a href="">......  更多</a>
						</h2>
						<h3>今日浏览</h3>
						<h4>总浏览</h4>
						<h5>12</h5>
						<h6>1024</h6>
					</div>
				</div>
				<!--右侧-->
				<div class="right">
					<div class="yao">
						<h1>收藏的活动</h1>
					</div>
					<div class="maf">
						<img src="img/28_02_03.png" />
						<h1>元气寿司</h1>
						<h2>纯正日式</h2>
						<div class="hengxian"></div>
						<h3>免费</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/28_02_05.png" />
						<h1>超跑聚会</h1>
						<h2>一次超跑的聚会与交流</h2>
						<div class="hengxian"></div>
						<h3>¥260</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/20.png" />
						<h1>满分生活</h1>
						<h2>甜蜜下午茶</h2>
						<div class="hengxian"></div>
						<h3>免费</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/28_02_03.png" />
						<h1>元气寿司</h1>
						<h2>纯正日式</h2>
						<div class="hengxian"></div>
						<h3>免费</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/28_02_05.png" />
						<h1>超跑聚会</h1>
						<h2>一次超跑的聚会与交流</h2>
						<div class="hengxian"></div>
						<h3>¥260</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/20.png" />
						<h1>满分生活</h1>
						<h2>甜蜜下午茶</h2>
						<div class="hengxian"></div>
						<h3>免费</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/28_02_03.png" />
						<h1>元气寿司</h1>
						<h2>纯正日式</h2>
						<div class="hengxian"></div>
						<h3>免费</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/28_02_05.png" />
						<h1>超跑聚会</h1>
						<h2>一次超跑的聚会与交流</h2>
						<div class="hengxian"></div>
						<h3>¥260</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/20.png" />
						<h1>满分生活</h1>
						<h2>甜蜜下午茶</h2>
						<div class="hengxian"></div>
						<h3>免费</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/28_02_03.png" />
						<h1>元气寿司</h1>
						<h2>纯正日式</h2>
						<div class="hengxian"></div>
						<h3>免费</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/28_02_05.png" />
						<h1>超跑聚会</h1>
						<h2>一次超跑的聚会与交流</h2>
						<div class="hengxian"></div>
						<h3>¥260</h3>
						<h4>限两人一组</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="maf">
						<img src="img/20.png" />
						<h1>满分生活</h1>
						<h2>甜蜜下午茶</h2>
						<div class="hengxian"></div>
						<h3>免费</h3>
						<h4>限情侣</h4>
						<ul>
							<li><i class="iconfont icon-tubiao biao"></i>1000</li>
							<li><i class="iconfont icon-duihaoqipao2 pao"></i>99999</li>
							<li><i class="iconfont icon-shoucang ang"></i>1000</li>
							<li><i class="iconfont icon-xinxi xi"></i>1000</li>
						</ul>
					</div>
					<div class="chx"></div>
					<div class="wiye">
						<select name="">
						<option value="">第1页</option>
						<option value="">第2页</option>
						<option value="">第3页</option>
						</select>
						<span><a href="">下一页</a></span>
					</div>
				</div>
			</aside>
			<!--尾注-->
			<footer>
				<div class="foot">
			<div class="foot1">
			<div class="foot2">
				<ul>
					<li><a href="">关于联盟</a></li>
					<li><a href="">加入联盟</a></li>
					<li><a href="">联盟事件</a></li>
					<li><a href="">防骗联盟</a></li>
					<li><a href="">合作链接</a></li>
				</ul>
			</div>
			<div class="foot3">
				<div class="left">
				<ul>
					<li><a href="">与联盟保持联系</a></li>
					<li><a href=""><img src="img/foot-2.png"/></a></li>
					<li><a href="">更多信息<span>▶</span></a><div class="nei"><a href="">信息1</a><a href="">信息2</a></div></li>
					<li><a href="">公益合作<span>▶</span></a><div class="nei"><a href="">公益1</a><a href="">公益2</a><a href="">公益3</a></div></li>
					<li><a href="">商业合作与风险投资</a></li>
				</ul>
				</div>
				<div class="right">
					<ul>
						<li><a class="a" href="">帮助<span>▼</span></a><p><a href="">BGG</a></p><p><a href="">Mole</a></p></li>
						<li><img src="img/foot-1.png"/></li>
						<li><a class="a" href="">语言<span>▼</span></a><p><a href="">English</a></p><p><a href="">简体中文</a></p><p><a href="">日本の语</a></p></li>
						<li><i class="iconfont icon-f re"></i>
							<i  class="iconfont icon-t re"></i>
						</li>
					</ul>
				</div>
			</div>
			<div class="big">
			<div class="logo"><img src="img/foot-logo.png"/></div>
			<div class="zho"><img src="img/foot-3.png"/></div>
			<div class="ce">
				<h1>您的位置</h1>
				<p><a href="">华夏海归</a><span>></span><a href="">首页</a></p>
				<div><p>本网站所有图片均由Getty images公司授权发布,侵权必究,京ICP备06049229号</p></div>
			</div>
			</div>
			</div>
		</div>
			</footer>
		</div>
	</body>
</html>
